 /* clear float */
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{
    *zoom:1;
}

html, body{
    background: #FFF;
    color: #404040;
    font: 12px/1.5 Arial,simsun;
    text-align: left;
}

.M{
    width: 1200px;
    margin: 0 auto;
}
.NS .M{
    width: 980px;
}

a{
    color: #404040;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}
a:hover{
    color: #EA5504;
    text-decoration: underline;
}
a span, a em, a strong{
    cursor: pointer;
}
.c, .clear{
    clear: both;
    float: none;
}
.c{
    overflow: hidden;
    height: 0;
}
.fl{float: left;}
.fr{float: right;}

.f12{font-size: 12px;}
.f14{font-size: 14px;}

.char, .char1, .char2, .char3{
    display: inline-block;
    *display: inline;
    width: 0.5em;
    *zoom: 1;
}
.char1{width: 1em;}
.char2{width: 2em;}
.char3{width: 3em;}

.gg-item{
    overflow: hidden;
}